<template>
  <div>
    <!-- 固定顶部菜单 -->
    <!-- <el-container style="height:100%;"> -->
    <el-container>
      <el-aside width="150">
        <asidebar :myshow="isShow" />
      </el-aside>
      <el-container>
        <el-header height="50px">
          <headerbar @mytaoge="handleTaoge($event)" />
          <!-- <tagsView /> -->
        </el-header>
        <el-main>
          <nuxt-child />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import asidebar from '@/components/Asidebar'
import headerbar from '@/components/Headerbar'
import tagsView from '@/components/TagsView'
export default {
  components: {
    asidebar,
    headerbar,
    // eslint-disable-next-line vue/no-unused-components
    tagsView
  },
  data () {
    return {
      isShow: false
    }
  },
  methods: {
    handleTaoge (ev) {
      // eslint-disable-next-line no-console
      // console.log('父组件收到消息', ev)
      this.isShow = ev
    }
  }
}
</script>
<style lang="scss">
  .el-submenu .el-menu-item {
      min-width: 150px;
  }
    .el-header {
    padding: 0 0px !important;
    line-height: 50px;
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
  }

</style>
